// 扩大可点击区域
const extendClick = () => {
  return `
    position: relative;
    &:before{
      content: '';
      position: absolute;
      top: -10px; bottom: -10px; left: -10px; right: -10px;
    };
  `;
};
// 单行文字溢出部分用 ... 代替
const noWrap = () => {
  return `
    text-overflow: ellipsis;
    overflow: hidden; 
    white-space: nowrap;
  `;
};
const globalStyle = {
  'theme-color': '#25292e',
  'theme-color-shadow': 'rgba(0, 0, 0, .3)',
  'font-color-light': '#f1f1f1',
  'font-color-desc': '#2E3030',
  'font-color-desc-v2': '#bba8a8',
  'font-size-ss': '10px',
  'font-size-s': '12px',
  'font-size-m': '14px',
  'font-size-l': '16px',
  'font-size-ll': '18px',
  'border-color': '#e4e4e4',
  'background-color': '#f2f3f4',
  'background-color-shadow': 'rgba(0, 0, 0, 0.3)',
  'highlight-background-color': '#fff',
  extendClick,
  noWrap,
};
export default globalStyle;
